<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/detail.css">
    <!-- <link rel="stylesheet" href="/css/product.css"> -->
</head>
<body>
    
        <header>
           
        </header>
        <main>
           <!-- <div class="mainDetail"> -->
            <!-- <div class="detailLeft">
                <div class="glass">
                    <img class="bigPhoto" src="https://mall03.sogoucdn.com/image/2020/04/30/20200430141822_4082.png" alt="">
                    <span></span>
                </div>
                <div class="smallPhoto">
                    <P><img src="https://mall03.sogoucdn.com/image/2020/04/30/20200430141822_4082.png" alt=""></P>
                    <P><img src="https://mall02.sogoucdn.com/image/2020/04/03/20200403151123_3426.jpg" alt=""></P>
                    <P><img src="https://mall01.sogoucdn.com/image/2020/04/03/20200403151136_3427.jpg" alt=""></P>
                    <P><img src="https://mall01.sogoucdn.com/image/2020/04/03/20200403151145_3428.jpg" alt=""></P>
                    <P><img src="https://mall03.sogoucdn.com/image/2020/04/09/20200409105900_3512.jpg" alt=""></P>
                </div>
            </div>
            <div class="detailRight">
                <span>搜狗糖猫K1 能学习的视频电话手表</span>
                <span>晒单送30元京东E卡 大屏双摄 4G全网通 7天长待机 AI学堂 IPX8防水 多重精准定位;</span>
                <span><em>￥ 499</em><em>包邮</em></span>
                <span>颜色</span>
                <span><em>帅气颜色</em></span>
                <span><em>-</em><em>1</em><em>+</em></span>
                <span><em>加入购物车</em></span>
                <span>搜狗自营 7天理由退货 一年内保修</span>
            </div> -->
           <!-- </div> -->
        </main>
           <script type="text/html" id="detailTemplate">
        <div class="mainDetail">
            <div class="detailLeft">
                <div class="glass">
                    <img class="bigPhoto" src="{{imgs[0]}}" alt="">
                    <span></span>
                </div>
                <div class="smallPhoto">
                    <!-- <p><img src="https://mall03.sogoucdn.com/image/2020/04/30/20200430141822_4082.png" alt=""></p>
                    <P><img src="https://mall02.sogoucdn.com/image/2020/04/03/20200403151123_3426.jpg" alt=""></P>
                    <P><img src="https://mall01.sogoucdn.com/image/2020/04/03/20200403151136_3427.jpg" alt=""></P>
                    <P><img src="https://mall01.sogoucdn.com/image/2020/04/03/20200403151145_3428.jpg" alt=""></P>
                    <P><img src="https://mall03.sogoucdn.com/image/2020/04/09/20200409105900_3512.jpg" alt=""></P> -->
                    {{each imgs img}}
                    <P><img src="{{img}}" alt=""></P>
                    {{/each}}
                </div>
               
            </div>
            <div class="detailRight">
                <span>{{title}}</span>
                <span>{{content}}</span>
                <span><em>￥ {{price}}</em><em>包邮</em></span>
                <span>颜色</span>
                <span ><em class="changeColor">帅气颜色</em></span>
                <span><em>-</em><em>1</em><em>+</em></span>
                <span><em class="add-btn">加入购物车</em></span>
                <span><em class="buy"><a href="/html/shopping.html">立即购买</a></em></span>
                <span>搜狗自营 7天理由退货 一年内保修</span>
            </div>
        </div>
           <div class="cart" id="cart"><span>0</span></div>
           <div class="bigGlass">
               <img src="{{imgs[0]}}" alt="" class="changeGlass">
           </div>
        </script>
        
        <footer>
        </footer>
   
<script src="/libs/require/require.min.js" data-main="/js/detail.js"></script>
</body>
</html>